.event-container {
  /*width: 615px;*/
  width: 90%;
  height: 640px;
}

.event-container .item {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.t-a-c {
  text-align: center;
}
.t-a-l {
  text-align: left;
}
.t-a-r {
  text-align: right;
}
.f-r {
  float: right;
}
.f-l {
  float: left;
}

.event-night .time,
.event-two .time,
.event-one .time {
  width: 100%;
  height: 40%;
  box-sizing: border-box;
  padding-top: 20px;
}
.event-night .time .month,
.event-five .time .month,
.event-seven .time .month,
.event-two .time .month,
.event-one .time .month {
  font-size: 32px;
}
.event-night .time .day,
.event-five .time .day,
.event-seven .time .day,
.event-two .time .day,
.event-one .time .day {
  font-size: 72px;
}
.event-two .desc,
.event-one .desc {
  width: 100%;
  height: 60%;
  text-align: center;
  color: #fff;
}
.event-four .time {
  text-align: right;
  color: #fff;
}
.event-six .time,
.event-three .time {
  text-align: left;
  color: #fff;
}
.event-four .desc,
.event-three .desc {
  text-align: center;
  color: #fff;
}
.event-seven .time,
.event-five .time {
  width: 40%;
  height: 100%;
  display: inline-block;
}
.event-seven .desc,
.event-five .desc {
  text-align: center;
  width: 40%;
  height: 100%;
  display: inline-block;
}


.event-one {
  /*width: 300px;*/
  width: 48.7%;
  height: 300px;
  background: #88959e;
}
.event-two {
  /*width: 146px;*/
  width: 23.7%;
  height: 300px;
  background: #464646;
}

.event-three {
  /*width: 146px;*/
  /*width: 23.7%;*/
  width: 100%;
  height: 155px;
  background: #002147;
}

.event-four {
  /*width: 23.7%;*/
  width: 100%;
  height: 140px;
  background: #88959e;
}

.event-five {
  /*width: 48.7%;*/
  /*width: 300px;*/
  width: 66.5%;
  height: 148px;
  background: #464646;
}

.event-six {
  /*width: 23.7%;*/
  /*width: 146px;*/
  width: 32.3%;
  height: 148px;
  background: #002147;
}
.event-seven {
  /*width: 300px;*/
  width: 66.5%;
  height: 178px;
  background: #002147;
}
.event-eight {
  width: 32.3%;
  height: 178px;
  background: #88959e;
}
.event-night {
  width: 23.7%;
  height: 330px;
  background: #464646;
  vertical-align: bottom;
  margin-bottom: 5px;
  margin-left: -3px;
}

.event-item__wrapper-vertical {
  width: 23.7%;

}
.event-item__wrapper-horizontal {
  /*height: 178px;*/
  /*float: left;*/
  height: 332px;
  /*width: 451px;*/
  width: 73.3%;
}
